<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>互助湖经</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

    <script src="https://cdn.ckeditor.com/ckeditor5/36.0.1/classic/ckeditor.js"></script>
     <style>
        a {
            text-decoration: none;
        }
    </style>
</head>

<body class="layout-fixed layout-navbar-fixed">

<aside class="main-sidebar sidebar-dark-primary elevation-4">
    <ul class="nav nav-pills nav-sidebar flex-column">
        <li class="nav-item">
            <a href="{{ urls[0] }}" class="nav-link">
                <i class="nav-icon fas fa-home"></i>
                <p>欢迎主页</p>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ urls[1] }}" class="nav-link">
                <i class="nav-icon fas fa-th"></i>
                <p>分区浏览</p>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ urls[2] }}" class="nav-link">
                <i class="nav-icon fas fa-pencil-alt"></i>
                <p>我的发布</p>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ urls[3] }}" class="nav-link">
                <i class="nav-icon fas fa-heart"></i>
                <p>我的喜欢</p>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ urls[4] }}" class="nav-link">
                <i class="nav-icon fas fa-cog"></i>
                <p>个人设置</p>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ urls[5] }}" class="nav-link">
                <i class="nav-icon fas fa-check-circle"></i>
                <p>审核内容</p>
            </a>
        </li>
    </ul>
</aside>

    <nav class="main-header navbar navbar-expand navbar-white navbar-light"><ul class="navbar-nav">
          <li class="nav-item"><a class="nav-link" href="#" role="button" onclick="window.history.back();"><i class="fas fa-arrow-left"></i></a></li>
          <li class="nav-item"><a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a></li>
    </ul></nav>

  <div class="content-wrapper"><section class="content">

  <style>
    .flash-message {
      width: 100%;
      justify-content: center;
      align-items: center;
      z-index: 1050;
    }

    .flash-message .alert {
      width: 100%;
      text-align: center;
    }

</style>

<div class="flash-message">
{% with messages = get_flashed_messages() %}
  {% if messages %}
    <div class="alert alert-info">
      {{ messages[0] }}
    </div>
  {% endif %}
{% endwith %}
</div>

<script>
  window.addEventListener('DOMContentLoaded', (event) => {
    const flashMessage = document.querySelector('.flash-message');
    if (flashMessage) {
      flashMessage.style.display = 'block';
      setTimeout(() => {
        flashMessage.style.display = 'none';
      }, 3000);
    }
  });
</script>

      {% block base %}{% endblock %}</section></div>

  </div>

<script>$(document).ready(function() {$('body').toggleClass('sidebar-collapse');});</script>

</body>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/js/adminlte.min.js"></script>

</html>